@import '../../../customGlobal.scss';
.post-item ion-label{
  width: 28%;
  font-size: 1rem;
  -webkit-margin-end: 0; 
  margin-inline-end: 0; 
}
input[type="file"]{
  display: none
}
.input{
  width: 72%;
  border: none;
  padding: 2%;
}
.banner-img{
  height: 250px;
  text-align: center;
  position: relative;
  background-repeat: no-repeat; 
  background-size: 100%;
  background-color: #F7F8FA;
}
.img_upload-img{
  width:60px;
  height: 60px;
  margin-top: 60px;
}
.title{
  font-size: 16px;
  line-height: 2rem;
}
.tip{
  font-size: 12px;
  color: #858894 
}
.edit-img{
  position: absolute;
  padding: 10px;
  background: #ffffff;
  font-size: 13px;
  height: 28px;
  width: 92px;
  line-height: 8px;
  border-radius: 14px;
  top: 50%;
  left: 40%;  
}
listItem{
  width: 97%;
  height: 55px;
}
ion-item{
  --min-height:55px;
  border-width:0.5px;
  width: 96%;
}
ion-button{
  --border-radius: 5px;
  margin: 5%
}

ion-content{
  height: calc(100vh - 64px);
  --background:#F7F8FA;
}
@supports (top: env(safe-area-inset-top)) {
  ion-content {
    height:calc(100vh - 2.75rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  }
}
@supports (top: constant(safe-area-inset-top)) {
  ion-content {
    height:calc(100vh - 2.75rem - constant(safe-area-inset-top)- constant(safe-area-inset-bottom));
  }
}
ion-title{
  font-size: 18px;
}
ion-input{
  --placeholder-color:#8D8E94;
  --placeholder-opacity:0.8
}
.list-ios{
  margin-bottom: 11px
}
.toggle{
  --handle-background-checked:#FF9500
}
.orange{
  width: 90%;
  margin:0 1.25rem 0.63rem;
  height: 3.06rem;
  font-weight: bold;
  border-radius: 5px;
  font-size: 1.13rem;
  color: #fff;
  background: linear-gradient(to right, #FF9500 , #FF6314);
}
.jointEnd{
  font-size: 1rem;
  color: #8D8E94
}

.vertical-line{
  color: #B6B7BF;
  margin: 0 10px;
}
.segment-block{
  display: inline-block;
  height: 1.6rem;
  border-radius: 1rem;
  line-height: 1.5rem;
  font-size: 12px;
}
.segment-block span{
  min-width: 35px;
  line-height: 1;
  border:1px solid #FF6314;
  @if $appType == 'LJ' {
    border:1px solid $LJMainColor;  
  }
  display: inline-block;
  text-align: center;
  padding: 5px 10px 5px 12px;
}
::placeholder{
  font-size: 16px;
  color: #a6a6a6
}
.checked{
  background: #FF6314;
  color: #ffffff;
  @if $appType == 'LJ' {
    background: $LJMainColor;  
    color: $LJLabelColor;
  } 
}
.nochecked{
  background: #ffffff;
  color: #FF6314;
  @if $appType == 'LJ' {
    background: rgb(255,249,236);
    color: #946C00;
  }  
}
.border-left{
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.border-right{
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.hidden-toggle{
  visibility: hidden
}
.hiddenEle{
  margin: auto;
  font-size:14px;
  color: #8D8E94;
  text-align: center;
}
.lightblue{
  background: #F7F8FA
}
.minh70{
  min-height: 54px;
  line-height: 54px;
  margin-top: -10px;
}
.ion-box{
  padding:0 5px;
  .hidden-title{
    padding-left: 40%
  }
}
.vcode{
  color: #FF6314;
  border: none;
  background: #fff;
  font-size: 16px;
}
.mb10{
  margin-bottom: 10px !important;
}
list{
  margin-bottom: 10px;
}
.text-picker{
  border-radius: 50px;
  min-height: 30px;
}
.am-list-line{
  padding-right: 10px;
}
.am-list-item .am-list-line .am-list-extra {
  -webkit-flex-basis: 36%;
  flex-basis: 36%;
  font-size: 16px;
  text-align: left;
  padding-top: 7px;
  padding-bottom: 7px;
}
.single-picker{
  display: inline-block;
  width: fit-content;
  height: 25px;
  padding: 0.75rem;
  line-height: 0;
  font-size: 13px;
  color: #8D8E94;
  background: #F5F5F7;
  border-radius: 12px;
  text-align: center;
}
.single-picker-img{
  width: 9px;
  margin-top: -3px;
  margin-left: -4px;
}
.picker-opt, .picker-opts, .picker-prefix, .picker-suffix{
  font-size: 16px !important;
}
.dropright{
  position: absolute;
  top: 2px;
  right: -20px;
}
ion-textarea{
  --padding-start: 20px;
  --padding-top:10px;
  --placeholder-font-style:16px;
  --padding-end:20px;
  --background:#fff
}
ion-input:focus{
  border: none
}
ion-toolbar{
  --background: #ffffff;
}
.tr{
  text-align: right;
  color: #8D8E94;
  padding: 20px
}

.displayno{
  display: none;
}
.lightgrey{
  color:#858894;
  opacity: 0.8;
}
.item-detail-icon{
  --detail-icon-font-size: 24px;
  --detail-icon-color:#F7F8FA
}

.detail-icon{
  width: 7px;
  height: 13px;
  background-image: url('../../../assets/icon/release_icon_arrow_right@2x.png');
  background-size: 100%
}

.in-item {
  position: static;
  max-width: 72%;
}

.arrow-up{
  position: absolute;
  top: 20px;
  padding-left: 6px;
}

.select{
  // opacity: 0;
  width: 72%;
  --padding-start:7px;
  --padding-end: -3px;
  .select-placeholder{
    color:#8D8E94;
    opacity: 0.8;
  }
}
.select-span{
  position: absolute;
  width: 7px;
  height: 13px;
  background-image: url('../../../assets/icon/release_icon_arrow_right@2x.png');
  background-size: 100%;
  background-repeat: no-repeat;
  right: 8px;
  opacity: 1;
  z-index: 2;
  background-color: #ffffff;
}

.alert-head.sc-ion-alert-ios{
  display: none
}
.backBtnStyle{
  width: 1.5rem;
}

//add by andrew.wen
::ng-deep .as_padding .action-sheet-button.as_font_top.sc-ion-action-sheet-md {
  letter-spacing: 0;
  padding: 0 0px;
}

::ng-deep .as_common .action-sheet-button.as_font_color.sc-ion-action-sheet-md {
  padding: 0 0px;
}

::ng-deep .as_border_common .action-sheet-button.as_font_bd.sc-ion-action-sheet-md {
  padding: 0 0px;
}

::ng-deep .as_font_color .sc-ion-action-sheet-md {
   
  font-size: 16px;
  color: #27282e;
  justify-content: center;
}

::ng-deep .as_font_bd .sc-ion-action-sheet-md {
  border-bottom: 1px #ebebed solid;
   
  font-size: 16px;
  color: #27282e;
  justify-content: center;
}

::ng-deep .as_font_top .sc-ion-action-sheet-md {
  border-top: 5px #ebebed solid;
   
  font-size: 16px;
  color: #27282e;
  justify-content: center;
}
.gray{
  color: #8D8E94 !important;
}
.textArea-content{
  --background:#F7F8FA;
}
.textArea-content p{
  background: #fff;
}